<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <title>关系标注工具</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link href="icon.png" rel="shortcut icon" type="image/x-icon">
    <!-- 引入 layui.css -->
    <link rel="stylesheet" href="js/layui/css/layui.css">
    <link rel="stylesheet" href="css/style_index.css">
    <link rel="stylesheet" href="css/global.css">
    <script src="js/jquery.js"></script>
    <script src="js/fileSaver.js"></script>
    <!-- 引入 layui.js -->
    <script src="js/layui/layui.js"></script>
    <script src="https://cdn.bootcss.com/clipboard.js/1.5.12/clipboard.min.js"></script>
    <script src="js/label.js"></script>
    <style>
        .btn-container .layui-btn {
            margin-bottom: 0;
        }

    </style>
</head>
<body>

<div class="layui-header header header-doc" autumn="">
    <ul class="layui-nav layui-bg-cyan">
        <li class="layui-nav-item" lay-unselect>
            <i class="layui-icon">&#xe600;
            </i>
            关系标注工具
        </li>
        <li class="layui-nav-item layui-this"><a href="index.html">主页</a></li>
        <li class="layui-nav-item header-btn" id="header-help" lay-unselect>提示</li>
    </ul>
</div>

<div class="layui-container">
    <div class="layui-row">
        <!------------- start 导入区 --------------->
        <div class="layui-col-xs12 layui-col-sm12 layui-col-md12" style="margin-top: 12px">
            <div class="input_file" style="display: none">
                <input type="file" name="files" id="files" value="" style="opacity: 0;">
                <ul id="file_list"></ul>
            </div>
            <div id="input-zero" class="content-width">
                <div>
                    <div style="display: flex;flex-wrap: nowrap;">
                        <p style="width: 50%;">
                            完成进度 <span id="progress-percent">0</span>%
                        </p>
                        <p style="width:49%;text-align: right;color: #9e9e9e;">
                            全文共<span id="progress-length">0</span>句段
                        </p>
                    </div>
                    <div class="layui-progress " lay-filter="mark-progress">
                        <div class="layui-progress-bar layui-bg-blue " lay-percent="0%"></div>
                    </div>
                </div>
                <div style="position: relative">
                    <div class="layui-card text-card">
                        <div class="my-card-header layui-card-header">
                            <div id="card-title" style="float: left">
                            </div>
                            <div class="layui-btn-container btn-container" style="float: right">
                                <button class="choose_file layui-btn layui-btn-sm layui-btn-radius layui-btn-normal"><i
                                        class="layui-icon layui-icon-upload-drag"></i>
                                    <span class="choose-file-btn-text">来吧选文件吧</span>
                                </button>

                                <button class="layui-btn layui-btn-sm layui-btn-radius layui-btn-primary"
                                        id="import-dropdown">
                                    <i class="layui-icon layui-icon-down layui-font-12"></i>
                                </button>
                                <button id="copy-btn" data-clipboard-target="#show-fixed-ta"
                                        style="display: none"></button>

                            </div>
                        </div>

                        <div class="layui-card-body">
                            <div id="origin-text" class="origin-text"></div>
                        </div>
                    </div>
                    <div>
                        <div id="help-btn"
                             class="left-circle circle-style right-circle-style">
                        </div>
                    </div>
                </div>

            </div>
            <div id="help-zero" class="hide layui-col-xs5 layui-col-sm4 layui-col-md4 help-zero ">
                <div style="position: relative">
                    <div class="layui-panel help-zero-text">
                        <div class="help-zero-text-pad">
                            <div>1. 实例（xxx战斗机，是一款xxx战斗机）<br>
                                3. 操作员（通常为部队，例如x国空军/海军/驻xx部队）<br>
                                5. 发生国（指哪些国家在使用该装备，如x国采购xx架，订购xx）<br>
                                6. 战争（在xx战场上，xx战争中，参与过xx冲突）<br>
                                7. 武器（搭载有xx;xx;xx，可以发射xx;xx;xx，）<br>
                                9. 设计者（由x国xx公司研制）<br>
                            </div>
                        </div>
                    </div>
                </div>


            </div>

        </div>
        <!------------- end 导入区 --------------->


        <!------------- start 操作区 --------------->
        <div class="operate-zero layui-col-xs12 layui-col-sm12 layui-col-md12">
            <div class="layui-col-xs5 layui-col-sm5 layui-col-md5">
                    <textarea class="fix_text layui-textarea" name="">

                </textarea>
            </div>
            <div class="layui-col-xs2 layui-col-sm2 layui-col-md2">
                <ul style="text-align: center">
                    <li>
                        <button name="实例" class="options-btn layui-btn layui-btn-normal">实例</button>
                    </li>
                    <li>
                        <button name="操作员" class="options-btn layui-btn layui-btn-normal">操作员</button>
                    </li>
                    <li>
                        <button name="发生国" class="options-btn layui-btn layui-btn-normal">发生国</button>
                    </li>
                    <li>
                        <button name="战争" class="options-btn layui-btn layui-btn-normal">战争</button>
                    </li>
                    <li>
                        <button name="武器" class="options-btn layui-btn layui-btn-normal">武器</button>
                    </li>
                    <li>
                        <button name="设计者" class="options-btn layui-btn layui-btn-normal">设计者</button>
                    </li>
                </ul>
            </div>
            <div class="layui-col-xs5 layui-col-sm5 layui-col-md5">
                <div class="show_wrap">
                        <textarea class="show_fixed layui-textarea" id="show-fixed-ta" name="" cols="30" rows="10">

                    </textarea>
                </div>
            </div>

            <div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
                <div class="next_warp" style="text-align: center">
                    <button style="width: 50%;height: 54px;line-height: 46px;font-size:large;"
                            id="next-btn"
                            class="layui-btn layui-btn-lg layui-btn-normal">下一句
                    </button>
                </div>
            </div>
        </div>
        <!------------- end 操作区 --------------->
    </div>
</div>

<div class="layui-container">
    <div class="layui-row">
        <div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
            <footer class="footer">
                <p>© 2021 <a href="http://120.79.210.170:88//">[ CUGB/1012 出品 ]</a> WTFPL License version 2.1</p>
                <p>
                    <a href="https://github.com/TimVan1596" target="_blank" rel="nofollow">GitHub</a>
                    <a href="https://gitee.com/TimVanX" target="_blank" rel="nofollow">码云</a>
                    <!--            <a href="javascript:;" site-event="weixinmp">公众号</a>-->
                    <a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow">皖ICP备18002720号</a>
                </p>
            </footer>
        </div>

    </div>
</div>


</body>
</html>